<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />

<!-- CSSファイルの読み込み -->

<link rel="stylesheet" type="text/css" href="../css/reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/style.min.css" />
<link rel="stylesheet" type="text/css" href="../css/albumStyle.min.css" />
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	$("document").ready(function(){
		$('#search').bind('keyup',function(){
			var searchStr = $('#search').val();
			var target = $('#table tr');
			console.log(searchStr);
			if(searchStr===""){
				$('#table tr').show();
			} else {
				$('#table tr').hide();
				$('#table tr td a:contains('+searchStr+')').parent().parent().show();
			}
		});
	});
</script>
<title>アルバム | ファン</title>
</head>
<body id="album">
	<?php require_once 'commonHeader.php';?>
		<!-- パンくずリスト -->
		<!-- ページに応じて各自書き換えること。また、hrefの中にファイル場所の記述も。 -->
		<ul id="bread" class="clear">
			<li><a href="userController.php?request=showIndex" id="home">ホーム</a>&gt;</li>
			<li><a href="albumController.php?request=showAlbumList">アルバム</a></li>
		</ul>
		<!-- contents -->
		<article id="contents" class="clear">
			<!-- アルバム一覧 -->
			<section id="contentsArea">
				<h2 class="contentsTitle">Album</h2>
				<hr>
				<p>
					ここは社員の皆さん全員で写真を共有できるページになっています。<br /> 社内のイベントなどの写真をどんどん投稿してください！
				</p>
				<div class="clear">
					<p class="submit">
						<a href="albumController.php?request=showAddAlbum">新規作成</a>
					</p>
					<form id="searchform">
						<input type="text" name="search" id="search" value=""
							placeholder="アルバム検索" /> 
					</form>
				</div>
				<table id="table">
				<?php
				foreach ($this->data as $value) {
					print "<tr><td><a href='albumController.php?request=showPhotoList&AIndex=".$value["AIndex"]."'>".$value["ATitle"]."</a></td></tr>";
				}
				?>

				</table>
			</section>
		</article>

		<?php require_once 'commonFooter.php';?>
